/**
 * Created by shaoting on 16/10/12.
 */
import React, { Component } from 'react';
import {
    AppRegistry,
    StyleSheet,
    Text,
    View,
    ListView,
    Image,
    TouchableOpacity,
    Platform
} from 'react-native';


var MineMiddleView = React.createClass({
    getDefaultProps(){
        return{
            stateProps:'',
            commentsProps:'',
            uploadPress:'',
            collectPress:''
        }
    },
    getInitialState(){
        return{
            color:'red'
        }
    },
    render() {
        return (
            <View style={styles.container}>
                <View style={{flexDirection:'row'}}><Text onPress={this.props.stateProps}  style={[styles.textStyle,{color:this.state.color}]}>品味</Text></View>
                <View style={{flexDirection:'row'}}><Text onPress={this.props.commentsProps}  style={styles.textStyle}>点评</Text></View>
                <View style={{flexDirection:'row'}}><Text onPress={this.props.uploadPress}  style={styles.textStyle}>上传</Text></View>
                <View style={{flexDirection:'row'}}><Text onPress={this.props.collectPress}  style={styles.textStyle}>收藏</Text></View>
            </View>
        );
    },
    sss(){
        alert('sss')
    }

});

var styles = StyleSheet.create({
    container:{
        height:30,
        backgroundColor: 'white',
        flexDirection:'row',
        justifyContent:'space-around',
        alignItems:'center',
        borderBottomWidth:0.5,
        borderBottomColor:'black'
    },
    textStyle:{
        fontSize:18
    },
    lineStyle:{
        width:1,
        backgroundColor:'black',
        marginLeft:20
    }
});

module.exports = MineMiddleView;